{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {
    "papermill": {
     "duration": 0.009153,
     "end_time": "2020-04-10T00:19:39.799246",
     "exception": false,
     "start_time": "2020-04-10T00:19:39.790093",
     "status": "completed"
    },
    "tags": []
   },
   "source": [
    "# COVID-19 Status in Australia\n",
    "> Tracking new, confirmed, and recovered cases and deaths by state.\n",
    "\n",
    "- comments: true\n",
    "- author: IamAshKS\n",
    "- categories: [overview, interactive, australia]\n",
    "- hide: true\n",
    "- permalink: /covid-overview-australia/"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "collapsed": false,
    "execution": {
     "iopub.execute_input": "2020-04-10T00:19:39.815441Z",
     "iopub.status.busy": "2020-04-10T00:19:39.814967Z",
     "iopub.status.idle": "2020-04-10T00:19:40.151826Z",
     "shell.execute_reply": "2020-04-10T00:19:40.152319Z"
    },
    "papermill": {
     "duration": 0.347859,
     "end_time": "2020-04-10T00:19:40.152479",
     "exception": false,
     "start_time": "2020-04-10T00:19:39.804620",
     "status": "completed"
    },
    "pycharm": {
     "is_executing": false,
     "name": "#%%\n"
    },
    "tags": []
   },
   "outputs": [],
   "source": [
    "#hide\n",
    "\n",
    "from IPython.display import HTML\n",
    "from pathlib import Path\n",
    "\n",
    "import jinja2 as jj\n",
    "import numpy as np\n",
    "import pandas as pd\n",
    "import requests as rq"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "collapsed": false,
    "execution": {
     "iopub.execute_input": "2020-04-10T00:19:40.174657Z",
     "iopub.status.busy": "2020-04-10T00:19:40.174101Z",
     "iopub.status.idle": "2020-04-10T00:19:40.177871Z",
     "shell.execute_reply": "2020-04-10T00:19:40.177302Z"
    },
    "papermill": {
     "duration": 0.018699,
     "end_time": "2020-04-10T00:19:40.177967",
     "exception": false,
     "start_time": "2020-04-10T00:19:40.159268",
     "status": "completed"
    },
    "pycharm": {
     "is_executing": false,
     "name": "#%%\n"
    },
    "tags": []
   },
   "outputs": [],
   "source": [
    "#hide\n",
    "\n",
    "def do_dev_tasks(html):\n",
    "    file_url = '.local'\n",
    "    \n",
    "    if Path(file_url).is_dir():\n",
    "        with open(f'{file_url}/index.html', 'w') as f:\n",
    "            f.write(html)\n",
    "\n",
    "\n",
    "def get_dataframe(name):\n",
    "    data_url = ('https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/'\n",
    "               f'csse_covid_19_time_series/time_series_covid19_{name}_global.csv')\n",
    "    \n",
    "    return pd.read_csv(data_url)\n",
    "\n",
    "\n",
    "def get_css_asset(name):\n",
    "    data_url = f'https://raw.githubusercontent.com/iamashks/covid19-australia/master/assets/css/{name}.css'\n",
    "    file_url = f'assets/css/{name}.css'\n",
    "    \n",
    "    if Path(file_url).is_file():\n",
    "        asset = f'<link rel=\"stylesheet\" type=\"text/css\" href=\"../{file_url}\" />\\n'\n",
    "    else:\n",
    "        asset = f'<style>{rq.get(data_url).text}</style>'\n",
    "    \n",
    "    return asset\n",
    "\n",
    "\n",
    "def get_template(name):\n",
    "    data_url = f'https://raw.githubusercontent.com/iamashks/covid19-australia/master/templates/{name}.html'\n",
    "    file_url = f'templates/{name}.html'\n",
    "    \n",
    "    if Path(file_url).is_file():\n",
    "        templateLoader = jj.FileSystemLoader(searchpath='./')\n",
    "        templateEnv = jj.Environment(loader=templateLoader)\n",
    "        template = templateEnv.get_template(file_url)\n",
    "    else:\n",
    "        template = jj.Template(rq.get(data_url).text)\n",
    "    \n",
    "    return template"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "collapsed": false,
    "execution": {
     "iopub.execute_input": "2020-04-10T00:19:40.195127Z",
     "iopub.status.busy": "2020-04-10T00:19:40.194598Z",
     "iopub.status.idle": "2020-04-10T00:19:40.437923Z",
     "shell.execute_reply": "2020-04-10T00:19:40.436916Z"
    },
    "papermill": {
     "duration": 0.254597,
     "end_time": "2020-04-10T00:19:40.438110",
     "exception": false,
     "start_time": "2020-04-10T00:19:40.183513",
     "status": "completed"
    },
    "pycharm": {
     "is_executing": false,
     "name": "#%%\n"
    },
    "tags": []
   },
   "outputs": [],
   "source": [
    "#hide\n",
    "\n",
    "COL_COUNTRY = 'Country/Region'\n",
    "COL_STATE = 'Province/State'\n",
    "COUNTRY = 'Australia'\n",
    "\n",
    "dft_confirm = get_dataframe('confirmed')\n",
    "dft_confirm = dft_confirm[dft_confirm[COL_COUNTRY] == COUNTRY]\n",
    " \n",
    "dft_demised = get_dataframe('deaths')\n",
    "dft_demised = dft_demised[dft_demised[COL_COUNTRY] == COUNTRY]\n",
    "\n",
    "dft_recover = get_dataframe('recovered')\n",
    "dft_recover = dft_recover[dft_recover[COL_COUNTRY] == COUNTRY]"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "collapsed": false,
    "execution": {
     "iopub.execute_input": "2020-04-10T00:19:40.464818Z",
     "iopub.status.busy": "2020-04-10T00:19:40.461530Z",
     "iopub.status.idle": "2020-04-10T00:19:40.493506Z",
     "shell.execute_reply": "2020-04-10T00:19:40.493957Z"
    },
    "papermill": {
     "duration": 0.050326,
     "end_time": "2020-04-10T00:19:40.494075",
     "exception": false,
     "start_time": "2020-04-10T00:19:40.443749",
     "status": "completed"
    },
    "pycharm": {
     "is_executing": false,
     "name": "#%%\n"
    },
    "tags": []
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>State</th>\n",
       "      <th>Cases</th>\n",
       "      <th>Recover</th>\n",
       "      <th>Deaths</th>\n",
       "      <th>Cases (5D)</th>\n",
       "      <th>Recover (5D)</th>\n",
       "      <th>Deaths (5D)</th>\n",
       "      <th>Cases (1D)</th>\n",
       "      <th>Recover (1D)</th>\n",
       "      <th>Deaths (1D)</th>\n",
       "      <th>Fatality Rate</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>New South Wales</td>\n",
       "      <td>2773</td>\n",
       "      <td>4</td>\n",
       "      <td>21</td>\n",
       "      <td>280</td>\n",
       "      <td>0</td>\n",
       "      <td>9</td>\n",
       "      <td>39</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0.8</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Victoria</td>\n",
       "      <td>1228</td>\n",
       "      <td>736</td>\n",
       "      <td>12</td>\n",
       "      <td>113</td>\n",
       "      <td>209</td>\n",
       "      <td>4</td>\n",
       "      <td>16</td>\n",
       "      <td>116</td>\n",
       "      <td>0</td>\n",
       "      <td>1.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Queensland</td>\n",
       "      <td>953</td>\n",
       "      <td>345</td>\n",
       "      <td>4</td>\n",
       "      <td>53</td>\n",
       "      <td>337</td>\n",
       "      <td>0</td>\n",
       "      <td>10</td>\n",
       "      <td>172</td>\n",
       "      <td>0</td>\n",
       "      <td>0.4</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Western Australia</td>\n",
       "      <td>495</td>\n",
       "      <td>170</td>\n",
       "      <td>6</td>\n",
       "      <td>59</td>\n",
       "      <td>78</td>\n",
       "      <td>4</td>\n",
       "      <td>14</td>\n",
       "      <td>8</td>\n",
       "      <td>0</td>\n",
       "      <td>1.2</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>South Australia</td>\n",
       "      <td>420</td>\n",
       "      <td>120</td>\n",
       "      <td>3</td>\n",
       "      <td>13</td>\n",
       "      <td>74</td>\n",
       "      <td>3</td>\n",
       "      <td>5</td>\n",
       "      <td>67</td>\n",
       "      <td>1</td>\n",
       "      <td>0.7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>Tasmania</td>\n",
       "      <td>111</td>\n",
       "      <td>48</td>\n",
       "      <td>3</td>\n",
       "      <td>31</td>\n",
       "      <td>43</td>\n",
       "      <td>1</td>\n",
       "      <td>13</td>\n",
       "      <td>22</td>\n",
       "      <td>0</td>\n",
       "      <td>2.7</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>Australian Capital Territory</td>\n",
       "      <td>100</td>\n",
       "      <td>47</td>\n",
       "      <td>2</td>\n",
       "      <td>7</td>\n",
       "      <td>29</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>7</td>\n",
       "      <td>0</td>\n",
       "      <td>2.0</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>8</th>\n",
       "      <td>Northern Territory</td>\n",
       "      <td>28</td>\n",
       "      <td>2</td>\n",
       "      <td>0</td>\n",
       "      <td>2</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0.0</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                          State  Cases  Recover  Deaths  Cases (5D)  \\\n",
       "1               New South Wales   2773        4      21         280   \n",
       "2                      Victoria   1228      736      12         113   \n",
       "3                    Queensland    953      345       4          53   \n",
       "4             Western Australia    495      170       6          59   \n",
       "5               South Australia    420      120       3          13   \n",
       "6                      Tasmania    111       48       3          31   \n",
       "7  Australian Capital Territory    100       47       2           7   \n",
       "8            Northern Territory     28        2       0           2   \n",
       "\n",
       "   Recover (5D)  Deaths (5D)  Cases (1D)  Recover (1D)  Deaths (1D)  \\\n",
       "1             0            9          39             0            0   \n",
       "2           209            4          16           116            0   \n",
       "3           337            0          10           172            0   \n",
       "4            78            4          14             8            0   \n",
       "5            74            3           5            67            1   \n",
       "6            43            1          13            22            0   \n",
       "7            29            0           1             7            0   \n",
       "8             1            0           0             0            0   \n",
       "\n",
       "   Fatality Rate  \n",
       "1            0.8  \n",
       "2            1.0  \n",
       "3            0.4  \n",
       "4            1.2  \n",
       "5            0.7  \n",
       "6            2.7  \n",
       "7            2.0  \n",
       "8            0.0  "
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "#hide\n",
    "\n",
    "COL_TODAY = dft_confirm.columns[-1]\n",
    "COL_1DAY = dft_confirm.columns[-1 - 1]\n",
    "COL_5DAY = dft_confirm.columns[-1 - 5]\n",
    "COL_50DAY = dft_confirm.columns[-1 - 50]\n",
    "\n",
    "df_table = pd.DataFrame({'State': dft_confirm[COL_STATE], 'Cases': dft_confirm[COL_TODAY], \n",
    "                         'Recover': dft_recover[COL_TODAY], 'Deaths': dft_demised[COL_TODAY]})\n",
    "\n",
    "df_table['Cases (5D)'] = np.array(dft_confirm[COL_TODAY]) - np.array(dft_confirm[COL_5DAY])\n",
    "df_table['Recover (5D)'] = np.array(dft_recover[COL_TODAY]) - np.array(dft_recover[COL_5DAY])\n",
    "df_table['Deaths (5D)'] = np.array(dft_demised[COL_TODAY]) - np.array(dft_demised[COL_5DAY])\n",
    "df_table['Cases (1D)'] = np.array(dft_confirm[COL_TODAY]) - np.array(dft_confirm[COL_1DAY])\n",
    "df_table['Recover (1D)'] = np.array(dft_recover[COL_TODAY]) - np.array(dft_recover[COL_1DAY])\n",
    "df_table['Deaths (1D)'] = np.array(dft_demised[COL_TODAY]) - np.array(dft_demised[COL_1DAY])\n",
    "df_table['Fatality Rate'] = (100 * df_table['Deaths'] / df_table['Cases']).round(1)\n",
    "\n",
    "df_table = df_table.sort_values(by=['Cases', 'Deaths'], ascending=[False, False])\n",
    "df_table = df_table.reset_index()\n",
    "df_table.index += 1\n",
    "\n",
    "del df_table['index'] # del duplicate index\n",
    "df_table.head(8)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "collapsed": false,
    "execution": {
     "iopub.execute_input": "2020-04-10T00:19:40.531065Z",
     "iopub.status.busy": "2020-04-10T00:19:40.530434Z",
     "iopub.status.idle": "2020-04-10T00:19:40.535582Z",
     "shell.execute_reply": "2020-04-10T00:19:40.535141Z"
    },
    "papermill": {
     "duration": 0.035505,
     "end_time": "2020-04-10T00:19:40.535683",
     "exception": false,
     "start_time": "2020-04-10T00:19:40.500178",
     "status": "completed"
    },
    "pycharm": {
     "is_executing": false,
     "name": "#%%\n"
    },
    "tags": []
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{'updated': Timestamp('2020-04-09 00:00:00'),\n",
       " 'since': Timestamp('2020-04-04 00:00:00'),\n",
       " 'Cases': 6108,\n",
       " 'Recover': 1472,\n",
       " 'Deaths': 51,\n",
       " 'Cases (5D)': 558,\n",
       " 'Recover (5D)': 771,\n",
       " 'Deaths (5D)': 21,\n",
       " 'NSW Cases': 2773,\n",
       " 'NSW Recover': 4,\n",
       " 'NSW Deaths': 21,\n",
       " 'NSW Cases (5D)': 280,\n",
       " 'NSW Recover (5D)': 0,\n",
       " 'NSW Deaths (5D)': 9,\n",
       " 'VIC Cases': 1228,\n",
       " 'VIC Recover': 736,\n",
       " 'VIC Deaths': 12,\n",
       " 'VIC Cases (5D)': 113,\n",
       " 'VIC Recover (5D)': 209,\n",
       " 'VIC Deaths (5D)': 4,\n",
       " 'QLD Cases': 953,\n",
       " 'QLD Recover': 345,\n",
       " 'QLD Deaths': 4,\n",
       " 'QLD Cases (5D)': 53,\n",
       " 'QLD Recover (5D)': 337,\n",
       " 'QLD Deaths (5D)': 0}"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "#hide\n",
    "\n",
    "dt_cols = dft_confirm.columns[~dft_confirm.columns.isin([COL_STATE, COL_COUNTRY, 'Lat', 'Long'])]\n",
    "dft_cases = dft_confirm.groupby(COL_STATE)[dt_cols].sum()\n",
    "dft_cases_new = dft_cases.diff(axis=1).fillna(0).astype(int)\n",
    "\n",
    "include_cols = ['Cases', 'Recover', 'Deaths', 'Cases (5D)', 'Recover (5D)', 'Deaths (5D)']\n",
    "\n",
    "summary_nsw = df_table[df_table['State'].eq('New South Wales')][include_cols].sum().add_prefix('NSW ')\n",
    "summary_vic = df_table[df_table['State'].eq('Victoria')][include_cols].sum().add_prefix('VIC ')\n",
    "summary_qld = df_table[df_table['State'].eq('Queensland')][include_cols].sum().add_prefix('QLD ')\n",
    "\n",
    "summary_time = {'updated': pd.to_datetime(COL_TODAY), 'since': pd.to_datetime(COL_5DAY)}\n",
    "summary = {**summary_time, **df_table[include_cols].sum(), **summary_nsw, **summary_vic, **summary_qld}\n",
    "summary"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {
    "collapsed": false,
    "execution": {
     "iopub.execute_input": "2020-04-10T00:19:40.551954Z",
     "iopub.status.busy": "2020-04-10T00:19:40.551430Z",
     "iopub.status.idle": "2020-04-10T00:19:41.037616Z",
     "shell.execute_reply": "2020-04-10T00:19:41.038114Z"
    },
    "papermill": {
     "duration": 0.496598,
     "end_time": "2020-04-10T00:19:41.038244",
     "exception": false,
     "start_time": "2020-04-10T00:19:40.541646",
     "status": "completed"
    },
    "pycharm": {
     "is_executing": false,
     "name": "#%%\n"
    },
    "tags": []
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div><style>/* GENERAL */\n",
       "\n",
       ".keen {\n",
       "    font-family: \"Segoe UI\", SegoeUI, Roboto, \"Helvetica Neue\", \"Helvetica\", \"Tahoma\", \"Arial\", sans-serif !important;\n",
       "    font-size: 14px;\n",
       "    line-height: 1.5;\n",
       "    margin: 0 !important;\n",
       "}\n",
       "\n",
       ".keen.container {\n",
       "    min-width: 480px;\n",
       "    background: white;\n",
       "    padding-left: 15px !important;\n",
       "    padding-right: 15px !important;\n",
       "    margin-left: auto !important;\n",
       "    margin-right: auto !important;\n",
       "}\n",
       "\n",
       "@media (min-width: 768px) {\n",
       "    .keen.container {\n",
       "        width: 740px !important;\n",
       "    }\n",
       "}\n",
       "\n",
       ".keen a {\n",
       "    color: #3b8beb;\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       ".keen div {\n",
       "    margin-top: 0 !important;\n",
       "    margin-bottom: 0 !important;\n",
       "}\n",
       "\n",
       ".keen h1,\n",
       ".keen h2,\n",
       ".keen h3 {\n",
       "    margin-top: 20px !important;\n",
       "    margin-bottom: 10px !important;\n",
       "}\n",
       "\n",
       ".keen h4,\n",
       ".keen h5,\n",
       ".keen h6 {\n",
       "    margin-top: 10px !important;\n",
       "    margin-bottom: 10px !important;\n",
       "}\n",
       "\n",
       ".keen h1 {\n",
       "    font-size: 36px;\n",
       "}\n",
       "\n",
       ".keen h2 {\n",
       "    font-size: 30px;\n",
       "}\n",
       "\n",
       ".keen h3 {\n",
       "    font-size: 24px;\n",
       "}\n",
       "\n",
       ".keen h4 {\n",
       "    font-size: 18px;\n",
       "}\n",
       "\n",
       ".keen h5 {\n",
       "    font-size: 14px;\n",
       "}\n",
       "\n",
       ".keen h6 {\n",
       "    font-size: 12px;\n",
       "}\n",
       "\n",
       ".keen hr {\n",
       "    margin-top: 20px !important;\n",
       "    margin-bottom: 20px !important;\n",
       "    border: 0;\n",
       "    border-top: 1px solid #eee;\n",
       "}\n",
       "\n",
       "/* IMG */\n",
       "\n",
       ".keen .img-thumbnail {\n",
       "    display: inline-block;\n",
       "    width: 100% \\9;\n",
       "    max-width: 100%;\n",
       "    height: auto;\n",
       "    padding: 4px !important;\n",
       "    line-height: 1.42857143;\n",
       "    background-color: #fff;\n",
       "    border: 1px solid #ddd;\n",
       "    border-radius: 4px;\n",
       "}\n",
       "\n",
       ".keen .img-responsive {\n",
       "    display: block;\n",
       "    max-width: 100%;\n",
       "    height: auto;\n",
       "}\n",
       "\n",
       "/* BUTTON */\n",
       "\n",
       ".keen button {\n",
       "    overflow: visible;\n",
       "}\n",
       "\n",
       ".keen .btn {\n",
       "    margin-left: 6px !important;\n",
       "    margin-bottom: 0 !important;\n",
       "    font-size: 14px;\n",
       "    font-weight: 400;\n",
       "    line-height: 1.5;\n",
       "    text-align: center;\n",
       "    white-space: nowrap;\n",
       "    vertical-align: middle;\n",
       "    cursor: pointer;\n",
       "    user-select: none;\n",
       "    background-image: none;\n",
       "    border: 1px solid transparent;\n",
       "    border-radius: 5px;\n",
       "    padding: 0.5em 1em !important;\n",
       "}\n",
       "\n",
       ".keen .btn:hover,\n",
       ".keen .btn:focus {\n",
       "    color: #333;\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       ".keen .btn-primary {\n",
       "    color: #fff;\n",
       "    background-color: #3b8beb;\n",
       "}\n",
       "\n",
       ".keen .btn-primary:hover,\n",
       ".keen .btn-primary:focus,\n",
       ".keen .btn-primary:active,\n",
       ".keen .btn-primary.active {\n",
       "    color: #fff;\n",
       "    background-color: #1465c5;\n",
       "}\n",
       "\n",
       ".keen .btn-default {\n",
       "    color: #333;\n",
       "    background-color: #fff;\n",
       "    border-color: #ccc;\n",
       "}\n",
       "\n",
       ".keen .btn-default:hover,\n",
       ".keen .btn-default:focus,\n",
       ".keen .btn-default:active,\n",
       ".keen .btn-default.active {\n",
       "    color: #333;\n",
       "    background-color: #e6e6e6;\n",
       "    border-color: #adadad;\n",
       "}\n",
       "\n",
       "/* CUSTOM - General */\n",
       "\n",
       ".keen .flex-container {\n",
       "    margin-top: 20px !important;\n",
       "}\n",
       "\n",
       ".keen .flex {\n",
       "    display: flex;\n",
       "    justify-content: space-between;\n",
       "}\n",
       "\n",
       ".keen .lead {\n",
       "    margin-bottom: 20px !important;\n",
       "    font-size: 16px;\n",
       "    font-weight: 300;\n",
       "    line-height: 1.4;\n",
       "}\n",
       "\n",
       "@media (min-width: 768px) {\n",
       "    .keen .lead {\n",
       "        font-size: 21px;\n",
       "    }\n",
       "}\n",
       "\n",
       ".keen small,\n",
       ".keen .small {\n",
       "    font-size: 85%;\n",
       "}\n",
       "\n",
       ".keen .text-muted {\n",
       "    color: #777;\n",
       "}\n",
       "\n",
       ".keen .text-center {\n",
       "    text-align: center !important;\n",
       "}\n",
       "\n",
       ".keen .text-left {\n",
       "    text-align: left !important;\n",
       "}\n",
       "\n",
       ".keen .text-right {\n",
       "    text-align: right !important;\n",
       "}\n",
       "\n",
       ".keen .text-upper {\n",
       "    text-transform: uppercase !important;\n",
       "}\n",
       "\n",
       ".keen .text-part1 {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       ".keen .text-part2 {\n",
       "    text-align: left;\n",
       "    padding-left: 0 !important;\n",
       "}\n",
       "\n",
       "/* CUSTOM - Box */\n",
       "\n",
       ".keen .kpi-container {\n",
       "    flex-basis: 30%;\n",
       "    background: #f5f5f5;\n",
       "    border-radius: 5px;\n",
       "}\n",
       "\n",
       ".keen .kpi-head {\n",
       "    margin: 20px 10px 10px !important;\n",
       "    font-weight: bold;\n",
       "    font-size: 20px;\n",
       "    text-align: center;\n",
       "}\n",
       "\n",
       ".keen .kpi-head.main {\n",
       "    font-size: 36px;\n",
       "}\n",
       "\n",
       ".keen .kpi-box {\n",
       "    justify-content: space-around;\n",
       "    text-align: center;\n",
       "    background: #f5f5f5;\n",
       "    padding: 20px 0 !important;\n",
       "    margin: 5px 0 !important;\n",
       "    min-width: 180px;\n",
       "    border-radius: 5px;\n",
       "}\n",
       "\n",
       ".keen .kpi-box .kpi .num {\n",
       "    font-size: 28px;\n",
       "    line-height: 1em;\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       ".keen .kpi-box.main .kpi .num {\n",
       "    font-size: 40px;\n",
       "}\n",
       "\n",
       ".keen .kpi-box .kpi .grow {\n",
       "    font-size: 14px;\n",
       "}\n",
       "\n",
       "/* CUSTOM - Colors */\n",
       "\n",
       ".keen .table .change.pos,\n",
       ".keen .kpi .grow.pos,\n",
       ".keen .color-pos {\n",
       "    color: #00c130;\n",
       "}\n",
       "\n",
       ".keen .table .change.neg,\n",
       ".keen .kpi .grow,\n",
       ".keen .color-neg {\n",
       "    color: #fb1c29;\n",
       "}\n",
       "\n",
       "/* CUSTOM - Table */\n",
       "\n",
       ".keen .table {\n",
       "    width: 100%;\n",
       "    background: #f5f5f5;\n",
       "    font-size: 14px;\n",
       "    margin-top: 20px !important;\n",
       "    border-radius: 5px;\n",
       "    border-collapse: collapse;\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       ".keen .table thead {\n",
       "    border-bottom: 1px solid;\n",
       "}\n",
       "\n",
       ".keen .table tbody tr {\n",
       "    border-bottom: 1px solid #e9e9e9;\n",
       "}\n",
       "\n",
       ".keen .table tbody tr:last-child {\n",
       "    border-bottom: none;\n",
       "}\n",
       "\n",
       ".keen .table thead th,\n",
       ".keen .table tbody td {\n",
       "    border: none;\n",
       "    padding: 12px 6px;\n",
       "}\n",
       "\n",
       ".keen .table thead th:first-child,\n",
       ".keen .table tbody td:first-child {\n",
       "    text-align: right;\n",
       "    padding-right: 6px;\n",
       "}\n",
       "\n",
       ".keen .table thead th:last-child,\n",
       ".keen .table tbody td:last-child {\n",
       "    text-align: center;\n",
       "}\n",
       "\n",
       ".keen .table thead th {\n",
       "    text-align: center;\n",
       "    text-transform: uppercase;\n",
       "}\n",
       "\n",
       ".keen .table .change {\n",
       "    font-size: 12px;\n",
       "    vertical-align: inherit;\n",
       "    font-weight: normal;\n",
       "}\n",
       "</style>\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "<div class=\"keen container\">\n",
       "    <div class=\"text-center\">\n",
       "        \n",
       "            <a class=\"btn btn-primary\" href=\"../covid-overview/\">World</a>\n",
       "            <a class=\"btn btn-primary\" href=\"../covid-overview-australia/\">Australia</a>\n",
       "            <a class=\"btn btn-primary\" href=\"../covid-overview-europe/\">Europe</a>\n",
       "            <a class=\"btn btn-primary\" href=\"../covid-overview-us/\">US</a>\n",
       "    </div>\n",
       "    <div>\n",
       "        <div class=\"kpi-head main text-center\">Australia</div>\n",
       "        <div class=\"flex kpi-box main\">\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Confirmed</div>\n",
       "        <div class=\"num\">6,108</div>\n",
       "        <div class=\"grow \">(<b>+558</b>)</div>\n",
       "    </div>\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Recovered</div>\n",
       "        <div class=\"num\">1,472</div>\n",
       "        <div class=\"grow pos\">(<b>+771</b>)</div>\n",
       "    </div>\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Deaths</div>\n",
       "        <div class=\"num\">51</div>\n",
       "        <div class=\"grow \">(<b>+21</b>)</div>\n",
       "    </div>\n",
       "        </div>\n",
       "    </div>\n",
       "\n",
       "    <div class=\"flex-container\">\n",
       "        <div class=\"flex\">\n",
       "            \n",
       "                <div class=\"kpi-container\">\n",
       "        <div class=\"kpi-head\">New South Wales</div>\n",
       "        <div class=\"flex kpi-box\">\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Confimed</div>\n",
       "        <div class=\"num\">2,773</div>\n",
       "        <div class=\"grow \">(<b>+280</b>)</div>\n",
       "    </div>\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Deaths</div>\n",
       "        <div class=\"num\">21</div>\n",
       "        <div class=\"grow \">(<b>+9</b>)</div>\n",
       "    </div>\n",
       "        </div>\n",
       "    </div>\n",
       "            \n",
       "                <div class=\"kpi-container\">\n",
       "        <div class=\"kpi-head\">Victoria</div>\n",
       "        <div class=\"flex kpi-box\">\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Confimed</div>\n",
       "        <div class=\"num\">1,228</div>\n",
       "        <div class=\"grow \">(<b>+113</b>)</div>\n",
       "    </div>\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Deaths</div>\n",
       "        <div class=\"num\">12</div>\n",
       "        <div class=\"grow \">(<b>+4</b>)</div>\n",
       "    </div>\n",
       "        </div>\n",
       "    </div>\n",
       "            \n",
       "                <div class=\"kpi-container\">\n",
       "        <div class=\"kpi-head\">Queensland</div>\n",
       "        <div class=\"flex kpi-box\">\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Confimed</div>\n",
       "        <div class=\"num\">953</div>\n",
       "        <div class=\"grow \">(<b>+53</b>)</div>\n",
       "    </div>\n",
       "            <div class=\"kpi\">\n",
       "        <div class=\"kname\">Deaths</div>\n",
       "        <div class=\"num\">4</div>\n",
       "        <div class=\"grow \">(<b>+0</b>)</div>\n",
       "    </div>\n",
       "        </div>\n",
       "    </div>\n",
       "            \n",
       "        </div>\n",
       "    </div>\n",
       "\n",
       "    <table class=\"table\">\n",
       "        <thead>\n",
       "        <tr>\n",
       "            <th class=\"text-right\">Location</th>\n",
       "            <th class=\"text-center\">New Cases</th>\n",
       "            <th class=\"text-left\" colspan=\"2\">Confirmed</th>\n",
       "            <th class=\"text-center\" colspan=\"2\">Recovered</th>\n",
       "            <th colspan=\"2\">Deaths</th>\n",
       "            <th>Fatality</th>\n",
       "        </tr>\n",
       "        </thead>\n",
       "        <tbody>\n",
       "        <tr class=\"change\">\n",
       "            <td></td>\n",
       "            <td class=\"flex\">\n",
       "                <div>Jan. 22</div>\n",
       "                <div><svg width=\"100\" height=\"20\" viewBox=\"0,0,100,20\" style=\"overflow: visible; display: block;\">\n",
       "        <g>\n",
       "            \n",
       "                <rect x=\"0\" y=\"8\" width=\"25\" height=\"10\" fill=\"#ffc100\"></rect>\n",
       "            \n",
       "                <rect x=\"25\" y=\"8\" width=\"25\" height=\"10\" fill=\"#ff9a00\"></rect>\n",
       "            \n",
       "                <rect x=\"50\" y=\"8\" width=\"25\" height=\"10\" fill=\"#ff7400\"></rect>\n",
       "            \n",
       "                <rect x=\"75\" y=\"8\" width=\"25\" height=\"10\" fill=\"#ff4d00\"></rect>\n",
       "            \n",
       "        </g>\n",
       "        <g style=\"font-size:10px;text-anchor:middle;\">\n",
       "            \n",
       "                <g transform=\"translate(25, 6)\">\n",
       "                    <text>10</text>\n",
       "                </g>\n",
       "            \n",
       "                <g transform=\"translate(50, 6)\">\n",
       "                    <text>100</text>\n",
       "                </g>\n",
       "            \n",
       "                <g transform=\"translate(75, 6)\">\n",
       "                    <text>1000</text>\n",
       "                </g>\n",
       "            \n",
       "        </g>\n",
       "    </svg></div>\n",
       "                <div>Apr. 09</div>\n",
       "            </td>\n",
       "            <td colspan=\"6\" class=\"text-center\">(+NEW) since Apr. 04</td>\n",
       "            <td></td>\n",
       "        </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>New South Wales</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>2,773</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+280</b>)</td>\n",
       "                <td class=\"text-part1\"><b>4</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+0</b>)</td>\n",
       "                <td class=\"text-part1\">21</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+9</b>)</td>\n",
       "                <td>0.8%</td>\n",
       "            </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>Victoria</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff7400;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>1,228</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+113</b>)</td>\n",
       "                <td class=\"text-part1\"><b>736</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+209</b>)</td>\n",
       "                <td class=\"text-part1\">12</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+4</b>)</td>\n",
       "                <td>1.0%</td>\n",
       "            </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>Queensland</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>953</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+53</b>)</td>\n",
       "                <td class=\"text-part1\"><b>345</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+337</b>)</td>\n",
       "                <td class=\"text-part1\">4</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+0</b>)</td>\n",
       "                <td>0.4%</td>\n",
       "            </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>Western Australia</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>495</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+59</b>)</td>\n",
       "                <td class=\"text-part1\"><b>170</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+78</b>)</td>\n",
       "                <td class=\"text-part1\">6</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+4</b>)</td>\n",
       "                <td>1.2%</td>\n",
       "            </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>South Australia</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>420</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+13</b>)</td>\n",
       "                <td class=\"text-part1\"><b>120</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+74</b>)</td>\n",
       "                <td class=\"text-part1\">3</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+3</b>)</td>\n",
       "                <td>0.7%</td>\n",
       "            </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>Tasmania</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>111</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+31</b>)</td>\n",
       "                <td class=\"text-part1\"><b>48</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+43</b>)</td>\n",
       "                <td class=\"text-part1\">3</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+1</b>)</td>\n",
       "                <td>2.7%</td>\n",
       "            </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>Australian Capital Territory</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ff9a00;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>100</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+7</b>)</td>\n",
       "                <td class=\"text-part1\"><b>47</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+29</b>)</td>\n",
       "                <td class=\"text-part1\">2</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+0</b>)</td>\n",
       "                <td>2.0%</td>\n",
       "            </tr>\n",
       "        \n",
       "            <tr>\n",
       "                <td><b>Northern Territory</b></td>\n",
       "                <td style=\"vertical-align: middle;\"><div class=\"flex\" style=\"height:15px;\">\n",
       "        \n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#ffc100;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "            <div style=\"width:2px;background:#eee;border-right:1px solid rgba(255,255,255,0.5);\"></div>\n",
       "        \n",
       "    </div></td>\n",
       "                <td class=\"text-part1\"><b>28</b></td>\n",
       "                <td class=\"change neg text-part2\">(<b>+2</b>)</td>\n",
       "                <td class=\"text-part1\"><b>2</b></td>\n",
       "                <td class=\"change pos text-part2\">(<b>+1</b>)</td>\n",
       "                <td class=\"text-part1\">0</td>\n",
       "                <td class=\"change neg text-part2\">(<b>+0</b>)</td>\n",
       "                <td>0.0%</td>\n",
       "            </tr>\n",
       "        \n",
       "        </tbody>\n",
       "    </table>\n",
       "\n",
       "    <p class=\"text-center\">\n",
       "        Updated on <b>April 09, 2020</b> (+NEW shows change for last 5 days).\n",
       "    </p>\n",
       "</div></div>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "#hide_input\n",
    "\n",
    "html_text = get_template('overview').render(D=summary, table=df_table, newcases=dft_cases_new, \n",
    "                                            np=np, pd=pd, enumerate=enumerate)\n",
    "\n",
    "html_text = f'<div>{get_css_asset(\"keen\")}{html_text}</div>'\n",
    "\n",
    "do_dev_tasks(html=html_text)\n",
    "HTML(html_text)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "papermill": {
     "duration": 0.008202,
     "end_time": "2020-04-10T00:19:41.055828",
     "exception": false,
     "start_time": "2020-04-10T00:19:41.047626",
     "status": "completed"
    },
    "tags": []
   },
   "source": [
    "Visualizations by [Ashutosh KS (Ash)](https://ashks.com/)[^1][^2].\n",
    "\n",
    "[^1]: Notebook: [Original](https://go.aksingh.net/covid-19-au) and [Source](https://github.com/iamashks/covid19-australia/)\n",
    "[^2]: Data Source: [2019 Novel Coronavirus COVID-19 (2019-nCoV) Data Repository by Johns Hopkins CSSE](https://github.com/CSSEGISandData/COVID-19)"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.6.10"
  },
  "papermill": {
   "duration": 2.210437,
   "end_time": "2020-04-10T00:19:41.171404",
   "environment_variables": {},
   "exception": null,
   "input_path": "2020-03-30-covid19-overview-australia.ipynb",
   "output_path": "2020-03-30-covid19-overview-australia.ipynb",
   "parameters": {},
   "start_time": "2020-04-10T00:19:38.960967",
   "version": "2.0.0"
  },
  "pycharm": {
   "stem_cell": {
    "cell_type": "raw",
    "metadata": {
     "collapsed": false
    },
    "source": []
   }
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}